<!DOCTYPE html>
<html xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <title>展商数据表</title>
    <#include "/header.html">
    <link rel="stylesheet" href="${request.contextPath}/statics/css/bootstrap-table.min.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/css/seat.css">
    <script src="${request.contextPath}/statics/libs/bootstrap-table.min.js"></script>
    <script src="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.min.js"></script>
    <script src="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.bootstrap3.js"></script>
    <script src="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.extension.js"></script>
    <script src="${request.contextPath}/statics/plugins/treegrid/tree.table.js"></script>

</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
            <div class="form-group col-sm-5">
                <select class="form-control " style="width: 100px;float: left;" v-model="templateId" placeholder="展会" @change="">
                    <option value="">请选择展会</option>
                    <option v-for="option in templates" v-bind:value="option.id">
                        {{ option.template }}
                    </option>
                </select>
                <select class="form-control " style="width: 100px;margin-left:10px;float: left;" v-model="q.isman" placeholder="展会" @change="">
                    <option value="" selected>全部</option>
                    <option value="1">负责人</option>
                </select>
                <input type="text" class="form-control " style="width: 150px;margin-left:10px;float: left;" v-model="q.mobile" @keyup.enter="" placeholder="手机号">
                <input type="text" class="form-control " style="width: 150px;margin-left:10px;float: left;" v-model="q.company" @keyup.enter="" placeholder="公司">
            </div>
            <a class="btn btn-default" @click="query">查询</a>
            <#if shiro.hasPermission("noc:nocbusiness:save")>
                <a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
            </#if>
            <#if shiro.hasPermission("noc:nocbusiness:update")>
                <a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
            </#if>
            <#if shiro.hasPermission("noc:nocbusiness:delete")>
                <a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
            </#if>
            <#if shiro.hasPermission("noc:nocbusiness:fpseat")>
            <a class="btn btn-primary" @click="fpseat"><i class="fa fa-trash-o"></i>&nbsp;分配啤酒节座位</a>
            </#if>
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="showAdd" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal">
            <div class="form-group">
                <div class="col-sm-2 control-label">姓名</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="nocBusiness.name" placeholder="姓名"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">手机号</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="nocBusiness.mobile" placeholder="手机号"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">参展单位</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="nocBusiness.company" placeholder="参展单位" :disabled="nocBusiness.isman==0" />
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">职位</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="nocBusiness.position" placeholder="职位"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">部门</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="nocBusiness.department" placeholder="部门"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">主营产品</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="nocBusiness.mainProduct" placeholder="主营产品"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">主行人</div>
                <label class="radio-inline">
                    <input type="radio" name="status" value="1" v-model="nocBusiness.isman" disabled/> 负责人
                </label>
                <label class="radio-inline">
                    <input type="radio" name="status" value="0" v-model="nocBusiness.isman" disabled/> 同行人
                </label>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">二维码</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="nocBusiness.ercode" placeholder="二维码  JN-05-xxx"  disabled="disabled"/>
                </div>
            </div>
            <!--<div class="form-group">
                <div class="col-sm-2 control-label">链接</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="nocBusiness.url" placeholder="链接"/>
                </div>
            </div>-->
            <div class="form-group" v-if="nocBusiness.isman==1">
                <div class="col-sm-2 control-label">允许最大同行人数</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="nocBusiness.txMax" placeholder="允许最大同行人数"/>
                </div>
            </div>
            <div class="form-group" v-if="nocBusiness.isman==1">
                <div class="col-sm-2 control-label">第一天啤酒节门票总数</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="nocBusiness.mpMax" placeholder="第一天啤酒节门票总数"/>
                </div>
            </div>


            <div class="form-group" v-if="nocBusiness.isman==1">
                <div class="col-sm-2 control-label">第二天啤酒节门票总数</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="nocBusiness.mpMax1" placeholder="第二天啤酒节门票总数"/>
                </div>
            </div>


            <div class="form-group" v-if="nocBusiness.isman==1">
                <div class="col-sm-2 control-label">第三天啤酒节门票总数</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="nocBusiness.mpMax2" placeholder="第三天啤酒节门票总数"/>
                </div>
            </div>


            <div class="form-group">
                <div class="col-sm-2 control-label">业务员</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="nocBusiness.ly" placeholder="业务员"  disabled="disabled"/>
                </div>
            </div>

            <div class="form-group" >
                <div class="col-sm-2 control-label">配对标签</div>
                <label class="radio-inline" v-for="(label,index) in nocLabels">
                    <input type="checkbox" style="vertical-align: middle;" id="cklabel" v-bind:value="label.id">
                    <label>{{label.label}}</label>
                </label>
            </div>

            <div class="form-group">
                <div class="col-sm-2 control-label"></div>
                <input type="button" class="btn btn-primary" id="btnSaveOrUpdate" data-loading-text="保存中..." @click="saveOrUpdate" value="确定"/>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </form>
    </div>


    <div v-show="showFpseatAdd" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal">
            <div class="form-group">
                <div class="col-sm-2 control-label">参展单位</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="nocBusiness.company" placeholder="参展单位" disabled />
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">日期</div>
                <div class="col-sm-10">
                    <select type="text" class="form-control" v-model="nocBeerSeat.validDate" @change="vlidDateChange">
                        <option value="2019-07-18">2019-07-18</option>
                        <option value="2019-07-19">2019-07-19</option>
                        <option value="2019-07-20">2019-07-20</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">区域</div>
                <div class="col-sm-10">
                    <select type="text" class="form-control" v-model="area">
                        <option value="A区">A区</option>
                        <option value="B区">B区</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">排号</div>
                <div class="col-sm-10">
                    <select type="text" class="form-control" v-model="table_row">
                        <option v-for="option in nocRow" v-bind:value="option">
                            {{ option }}
                        </option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">桌号</div>
                <div class="col-sm-10">
                    <select type="text" class="form-control" v-model="table_num">
                        <option v-for="option in nocNum" v-bind:value="option">
                            {{ option }}
                        </option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">座位号</div>
                <div class="col-sm-10">
                            <span v-for="(one,index) in nocSeat">
                                <input type="checkbox" style="vertical-align: middle;" id="ckseat" v-bind:value="one.id">
                                <label>{{one.seatNum}}</label>
                            </span>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">最大门票数</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="mpNum" placeholder="最大门票数" disabled />
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label"></div>
                <input type="button" class="btn btn-primary" id="btnSaveOrUpdate2" data-loading-text="保存中..." @click="saveOrUpdate2" value="确定"/>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning"  @click="back" value="返回"/>
            </div>
        </form>
    </div>

    <div v-show="showFpseat">
        <a class="btn btn-primary mrginLeft" @click="del2"><i class="fa fa-plus"></i>&nbsp;删除</a>
        <block id="jqBlock">
        <table id="jqGrid2"></table>
        <div id="jqGridPager2"></div>
        </block>
    </div>

</div>




<script src="${request.contextPath}/statics/js/modules/noc/nocbusiness.js?_${.now?long}"></script>
</body>
</html>